* {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.top {
  width: 100vw;
  height: 10vh;
  background: #3d75fd;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: sticky;
  top: 0;
}
.top img {
  width: 70vw;
  height: 5vh;
}
.qb img {
  width: 30px;
  height: 30px;
}
.city {
  color: #fff;
  font-size: 15px;
}
.title img {
  height: 25px;
}

.button {
  width: 100vw;
  height: 90vh;
  overflow-y: auto; 
}
.input {
  width: 100vw;
  height: 10vh; 
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.input input {
  width: 70vw;
  height: 5vh;
  margin: 0 10px;
}
.input button {
  width: 62px;
  height: 28px;
  border-radius: 20px;
  border: none;
  color: #fff;
  background: #5e98e7;
}

.kzq {
  width: 100vw;
  height: 20vh;
  background: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.kzq img {
  width: 68px;
  height: 68px;
}
.kzq .title {
  color: #28354c;
  font-weight: bold;
}
.kzq .word {
  color: #9d9ea7;
  font-size: 10px;
}

.ht {
  width: 100vw;
  height: 10vh;
  background: skyblue;
}
.ht img {
  width: 100vw;
  height: 10vh;
}

.ggbj {
  width: 100vw;
  height: 25vh;
  background: pink;
}


.newUser{
  width: 100vw;
  height: 30vh;
  background: skyblue;
}
.newUser img{
  width: 100vw;
  height: 30vh;
}

.zq{
  width: 100vw;
  height: 30vh;
  background: purple;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.zq div{
  width: 30vw;
  height: 12vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zq div:nth-child(1){
  background: #CBE9FB;
}
.zq div:nth-child(2){
  background: #F9EAD8;
}
.zq div:nth-child(3){
  background: #F3CFE4;
}
.zq div:nth-child(4){
  background: #D8F9E7;
}
.zq div:nth-child(5){
  background: #BCE9F0;
}
.zq div:nth-child(6){
  background: #D0CFED;
}

